<!doctype html>
<html>
  <head>
    <title>Caret</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/caret.css" id="base-styles" charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/caret.css" id="theme" charset="UTF-8">
    <style id="caret-theme"></style>
  </head>
  <body>

    <div class="titlebar">
      <b class="app-name">Caret</b>
      <ul class="toolbar"></ul>
      <div class="window-controls">
        <a class="i18n" command="app:minimize" title="minimize">-</a>
        <a class="i18n" command="app:maximize" title="maximize">+</a>
        <a class="close i18n" command="app:exit" title="close">~</a>
      </div>
    </div>

    <div class="central">

      <div class="project">
        <div class="tree"></div>
        <div class="load-ui">
          <span class="i18n">loading</span>
          <div class="progress"></div>
        </div>
        <div class="project-resizer"></div>
      </div>

      <div class="editing">
        <div class="tabs"></div>
        <div id="editor"></div>
      </div>

    </div>

    <div class="searchbar">
      <input type="checkbox" id="search-case-check">
      <label for="search-case-check" class="i18n" title="searchMatchCase">Aa</label>
      <input class="search-box" type="text">
      <button class="find-all i18n">searchFindAll</button>
    </div>

    <div class="bottom-bar">
      <div class="status-text"></div>
      <div class="mode-theme">
        <select class="syntax i18n" command="session:syntax" tabindex=-1 title="selectSyntax"></select>
        <select class="theme i18n" command="editor:theme" tabindex=-1 title="selectTheme"></select>
      </div>
    </div>

    <div class="command-line">
      <input type="text" placeholder="caret:command arguments">
      <a command="app:hide-prompt" class="close" title="Hide prompt">&times;</a>
    </div>

    <div class="palette enter">
      <div class="main">
        <h1 class="mode"></h1>
        <input class="request">
      </div>
      <ul class="results"></ul>
    </div>

    <script src="js/ace/ace.js"></script>
    <script data-main="./js/main.js" src="require.js"></script>

  </body>
</html>
